<template>
    <div id="app">
        <div class="left">
            <leftCpn></leftCpn>
        </div>
        <div class="right">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
import leftCpn from './views/left.vue';
import rightCpn from './views/right.vue';
export default {
    components: {
        leftCpn,
        rightCpn
    }
};
</script>
<style lang="scss">
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    .left {
        flex: 2;
        background: black;
        height: 100vh;
    }
    .right {
        flex: 8;
    }
}
</style>
